﻿﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

	<head>
		<meta charset="utf-8" />
		<title>物流仓库管理系统主页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!-- basic styles -->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
		<!--<link rel="stylesheet" type="text/css" href="assets/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="assets/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="assets/themes/demo.css">
		<script type="text/javascript" src="js/common/jquery.min.js"></script>
		<script type="text/javascript" src="js/common/jquery.easyui.min.js"></script>-->

		<link rel="stylesheet" href="assets/css/ace.min.css" />
		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
		<!--[if lte IE 8]>
	<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
	<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
	<script src="assets/js/html5shiv.js"></script>
	<script src="assets/js/respond.min.js"></script>
	<![endif]-->
		<style>
			.td-input {
				width: 50px;
			}
		</style>
	</head>

	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try {
					ace.settings.check('navbar', 'fixed')
				} catch(e) {}
			</script>

			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<small>
					<i class="icon-leaf"></i>
					物流仓库管理系统
				</small>
					</a>
					<!-- /.brand -->
				</div>
				<!-- /.navbar-header -->

				<div class="navbar-header pull-right" role="navigation">

					<ul class="nav ace-nav">

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>欢迎光临,</small>
									Jason
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="icon-cog"></i> 设置
									</a>
								</li>

								<li>
									<a href="#">
										<i class="icon-user"></i> 个人资料
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#">
										<i class="icon-off"></i> 退出
									</a>
								</li>
							</ul>
						</li>
					</ul>
					<!-- /.ace-nav -->
				</div>
				<!-- /.navbar-header -->
			</div>
			<!-- /.container -->
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try {
					ace.settings.check('main-container', 'fixed')
				} catch(e) {}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try {
							ace.settings.check('sidebar', 'fixed')
						} catch(e) {}
					</script>

					<div class="sidebar-shortcuts" id="sidebar-shortcuts">

						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>

							<span class="btn btn-info"></span>

							<span class="btn btn-warning"></span>

							<span class="btn btn-danger"></span>
						</div>
					</div>
					<!-- #sidebar-shortcuts -->

					<ul class="nav nav-list">
						<li class="active">
							<a href="#">
								<i class="icon-home"></i>
								<span class="menu-text"> 主页 </span>
							</a>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-desktop"></i>
								<span class="menu-text"> 入库管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="/applyin-getNotAllowApplyEnter?pagenum=1">
										<i class="icon-double-angle-right"></i> 填写入库申请
									</a>
								</li>
								<li>
									<a href="/applyin-toBeEnsured?pagenum=1">
										<i class="icon-double-angle-right"></i> 待处理的入库申请
									</a>
								</li>

								<li>
									<a href="/applyin-getHistory?pagenum=1">
										<i class="icon-double-angle-right"></i> 历史入库申请
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-list"></i>
								<span class="menu-text"> 出库管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="/applyout-getNotAllowed?pagenum=1">
										<i class="icon-double-angle-right"></i> 填写出库申请
									</a>
								</li>
								<li>
									<a href="/applyout-getToBeEnsured?pagenum=1">
										<i class="icon-double-angle-right"></i> 待处理的出库申请
									</a>
								</li>
								<li>
									<a href="/applyout-getHistory?pagenum=1">
										<i class="icon-double-angle-right"></i> 历史出库申请
									</a>
								</li>

							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-edit"></i>
								<span class="menu-text"> 供货、提货商管理 </span>
								<b class="arrow icon-angle-down"></b>
							</a>
							<ul class="submenu">
								<li>
									<a href="/relationship-findAll?pagenum=1">
										<i class="icon-double-angle-right"></i> 关系管理
									</a>
								</li>

							</ul>
						</li>

						<!--<li>-->
							<!--<a href="#" class="dropdown-toggle">-->
								<!--<i class="icon-book"></i>-->
								<!--<span class="menu-text"> 库位管理 </span>-->

								<!--<b class="arrow icon-angle-down"></b>-->
							<!--</a>-->

							<!--<ul class="submenu">-->
								<!--<li>-->
									<!--<a href="location_detail.html">-->
										<!--<i class="icon-double-angle-right"></i> 库位详情-->
									<!--</a>-->
								<!--</li>-->

							<!--</ul>-->
						<!--</li>-->

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-exchange"></i>
								<span class="menu-text"> 库存管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="/entrepot-list?pagenum=1">
										<i class="icon-double-angle-right"></i> 库存材料列表
									</a>
								</li>

							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-credit-card"></i>
								<span class="menu-text"> 报表信息 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="/report-exitInfo">
										<i class="icon-double-angle-right"></i> 出库报表信息
									</a>
								</li>
								<li>
									<a href="/report-entranceInfo">
										<i class="icon-double-angle-right"></i> 入库报表信息
									</a>
								</li>
								<li>
									<a href="/report-onSend">
										<i class="icon-double-angle-right"></i> 货物在途报表信息
									</a>
								</li>
								<li>
									<a href="/report-store">
										<i class="icon-double-angle-right"></i> 库存报表信息
									</a>
								</li>
								<li>
									<a href="/report-toSendForm">
										<i class="icon-double-angle-right"></i> 生成出货单
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-group"></i>
								<span class="menu-text"> 用户管理</span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="/user-getAll?pagenum=1">
										<i class="icon-double-angle-right"></i> 用户列表
									</a>
								</li>
							</ul>
						</li>

						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-bar-chart"></i>
								<span class="menu-text"> 统计详情 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="statistic_one.html">
										<i class="icon-double-angle-right"></i> 统计图示一
									</a>
								</li>

								<li>
									<a href="statistic_two.html">
										<i class="icon-double-angle-right"></i> 统计图示二
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" class="dropdown-toggle">
								<i class="icon-asterisk"></i>
								<span class="menu-text">标签制作管理 </span>

								<b class="arrow icon-angle-down"></b>
							</a>

							<ul class="submenu">
								<li>
									<a href="label_made.html">
										<i class="icon-double-angle-right"></i> 标签制作
									</a>
								</li>
							</ul>
						</li>
					</ul>
					<!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try {
							ace.settings.check('sidebar', 'collapsed')
						} catch(e) {}
					</script>
				</div>
				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try {
								ace.settings.check('breadcrumbs', 'fixed')
							} catch(e) {}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="#">入库管理>>>填写入库申请</a>
							</li>
						</ul>
						<!-- .breadcrumb -->
					</div>

					<div class="page-content">

						<div class="row">
							<div class="col-xs-12">

								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">

										<button class="btn btn-xs btn-success" value="新增" href="#modal-table" data-toggle="modal">
									<i class="icon-ok bigger-120">新增</i>
								</button>

										<button class="btn btn-xs btn-danger" value="删除" title="所有行">
									<i class="icon-trash bigger-120">删除</i>
								</button>
										<button class="btn btn-xs btn-save" value="导出Excel">
									<i class="icon-save bigger-120" title="通过EXCEL批量导入">批量导入</i>
								</button>

										<div class="hr hr-18 dotted hr-double"></div>

										<div class="table-header">
											我的入库申请
										</div>
										<div class="table-responsive">
											<table id="sample-table-2" class="table table-striped table-bordered table-hover">
												<thead>
													<tr>
														<th class="center">
															<label>
													<input type="checkbox" class="ace" />
													<span class="lbl"></span>
												</label>
														<th>入库编号</th>
														<th>入库料号</th>
														<th>规格</th>
														<th>数量</th>
														<th>数量单位</th>
														<th>单价</th>
														<th>币制</th>
														<th>金额</th>
														<th>发票号码</th>
														<th>净重(KGS)</th>
														<th>毛重(KGS)</th>
														<th>原产国</th>
														<th>仓位</th>
														<th>库别</th>
														<th>供货商</th>
														<th>PONo</th>
														<th>POLineno</th>
														<th>件数</th>
														<th>件数单位</th>
														<th>生产日期</th>
														<th>申请人</th>
														<th>状态</th>
														<th>操作</th>
													</tr>
												</thead>

												<tbody>
													<tr  th:each="apply,applyStat : ${applys}">

														<td class="center">
															<label>
													<input type="checkbox" class="ace" />
													<span class="lbl"></span>
												</label>
														</td>
														<td th:text="${apply.enterCode}"></td>
														<td th:text="${apply.materialCode}"></td>
														<td th:text="${apply.spec}"></td>
														<td th:text="${apply.number}"></td>
														<td th:text="${apply.unit}"></td>
														<td th:text="${apply.unitPrice}"></td>
														<td th:text="${apply.coinType}"></td>
														<td th:text="${apply.sumMoney}"></td>
														<td th:text="${apply.billNumber}"></td>
														<td th:text="${apply.suttleWeight}"></td>
														<td th:text="${apply.roughWeight}"></td>
														<td th:text="${apply.originCountry}"></td>
														<td th:text="${apply.position}"></td>
														<td th:text="${apply.treasury}"></td>
														<td th:text="${apply.goodsFrom}"></td>
														<td th:text="${apply.pono}"></td>
														<td th:text="${apply.poLoneno}"></td>
														<td th:text="${apply.suitNumber}"></td>
														<td th:text="${apply.suitUnit}"></td>
														<td th:text="${apply.produceDate}"></td>
														<td th:text="${apply.applyPersonId}"></td>
														<!--分颜色显示不同情况-->
														<td th:if="${apply.status=='被拒绝'}" ><a href="#" style="color: red;" th:text="${apply.status}"></a></td>
														<td th:if="${apply.status=='待审核'}" ><a href="#" style="color: grey;" th:text="${apply.status}"></a></td>
														<td th:if="${apply.status=='已确认'}" ><a href="#" style="color: green;" th:text="${apply.status}"></a></td>

														<!---->
														<td>

															<a class="blue" th:href="@{/applyin-deleteById(enterId=${apply.enterId})}" onclick="return confirm('确定将此记录删除?')" title="删除本条记录" >
																<i class="icon-trash bigger-130"></i>
															</a>
														</td>
													</tr>

												</tbody>
											</table>
											<script>
												//删除本条记录

											</script>

										</div>
									</div>
								</div>
								<!--分页插件-->
								<div id="pg_grid-pager" class="ui-pager-control" role="group">
									<table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table" style="width:100%;table-layout:fixed;height:100%;" role="row">
										<tbody>
										<tr>

											<td id="grid-pager_center" align="center" style="white-space: pre; width: 341px;">
												<table cellspacing="0" cellpadding="0" border="0" style="table-layout:auto;" class="ui-pg-table">
													<tbody>
													<tr>
														<td id="first_grid-pager" class="ui-pg-button ui-corner-all" style="cursor: default;" onclick="toFirstPage()"><span class="ui-icon icon-double-angle-left bigger-140" onclick="toFirstPage()"></span></td>
														<td id="prev_grid-pager" class="ui-pg-button ui-corner-all" style="cursor: default;" onclick="prepage()"><span class="ui-icon icon-angle-left bigger-140"onclick="propage()"></span></td>
														<td class="ui-pg-button ui-state-disabled" style="width: 4px; cursor: default;"><span class="ui-separator"></span></td>
														<td dir="ltr">Page <input class="ui-pg-input" type="text" size="2" maxlength="7" th:value="${page}" role="textbox" > of <span id="sp_1_grid-pager" th:text="${totalpage}"></span></td>
														<td class="ui-pg-button ui-state-disabled" style="width:4px;"><span class="ui-separator"></span></td>
														<td id="next_grid-pager" class="ui-pg-button ui-corner-all" style="cursor: default;" onclick="nextpage()"><span class="ui-icon icon-angle-right bigger-140" onclick="nextpage()"></span></td>
														<td id="last_grid-pager" class="ui-pg-button ui-corner-all" style="cursor: default;" ><span class="ui-icon icon-double-angle-right bigger-140" onclick="toLastPage()"></span></td>
														<!--隐藏域，用来存储总页数-->
														<input id="totalpage" type="hidden" size="2" maxlength="7" th:value="${totalpage}"  >
													</tr>
													</tbody>
												</table>
											</td>
											<script>
												function nextpage(){
												    var totalpage = Number($("#totalpage").val());
												    var page = Number($(".ui-pg-input").val())+1;
												    if(page<=totalpage) {
                                                        window.location.href = "/applyin-getNotAllowApplyEnter?pagenum=" + page;
                                                        //alert("http://127.0.0.1:8880/applyin-getNotAllowApplyEnter?pagenum="+page);
                                                    }
												}
												
												function  prepage() {

                                                    var page = Number($(".ui-pg-input").val())-1;
                                                    if(page>0) {
                                                        window.location.href = "/applyin-getNotAllowApplyEnter?pagenum=" + page;
                                                    }
                                                }

                                                function toLastPage(){
                                                    var page = Number($("#totalpage").val());
                                                    window.location.href="/applyin-getNotAllowApplyEnter?pagenum="+page;
												}

												function toFirstPage(){

                                                    var page = 1;
                                                    window.location.href="/applyin-getNotAllowApplyEnter?pagenum="+page;
												}
											</script>

										</tr>
										</tbody>
									</table>
								</div>
								<form action="/applyin-addapply" id="apply_form">
								<div id="modal-table" class="modal fade" tabindex="-1">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header no-padding">
												<div class="table-header">
													<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
												<span class="white">&times;</span>
											</button> 入库申请
												</div>
											</div>

											<div class="modal-body no-padding">
												<table class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">
													<tr>

														<td>入库编号</td>
														<th><input type="text" name="enterCode" id="form-field-44" class="col-xs-10 col-sm-40" /></th>

														<td>生产日期</td>
														<th> <input type="text" name="produceDate" id="form-field-45" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>入库料号</td>
														<th> <input type="text" name="materialCode" id="form-field-1" class="col-xs-10 col-sm-40" /></th>

														<td>规格</td>
														<th><input type="text" name="spec" id="form-field-3" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>数量</td>
														<th><input type="text" name="number" id="form-field-4" class="col-xs-10 col-sm-40" /></th>

														<td>数量单位</td>
														<th> <input type="text" name="unit" id="form-field-5" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>单价</td>
														<th> <input type="text" name="unitPrice" id="form-field-6" class="col-xs-10 col-sm-40" /></th>

														<td>币制</td>
														<th> <input type="text"  name="coinType"   id="form-field-7" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>金额</td>
														<th> <input type="text" name="sumMoney" id="form-field-8" class="col-xs-10 col-sm-40" /></th>
														<td>发票号码</td>
														<th> <input type="text" name="billNumber" id="form-field-9" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>净重(KGS)</td>
														<th> <input type="text" name="suttleWeight" id="form-field-10" class="col-xs-10 col-sm-40" /></th>

														<td>毛重(KGS)</td>
														<th><input type="text" name="roughWeight" id="form-field-11" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>品名</td>
														<td colspan="3"><input type="text" name="productName" id="form-field-22" class="col-xs-10 col-sm-40" /> </td>
													</tr>
													<tr>
														<td>原产国</td>
														<th> <input type="text" name="originCountry" id="form-field-12" class="col-xs-10 col-sm-40" /></th>

														<td>DateCode</td>
														<th> <input type="text" name="dataCode" id="form-field-13" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														< <td>Lotno</td>
															<th><input type="text" name="lotno" id="form-field-14" class="col-xs-10 col-sm-40" /></th>

														<td>PONo</td>
														<th> <input type="text" name="pono"  id="form-field-15" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>POLineno</td>
														<th> <input type="text" name="poLoneno" id="form-field-16" class="col-xs-10 col-sm-40" /></th>

														<td>件数</td>
														<th> <input type="text" name="suitNumber" id="form-field-17" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>仓位</td>
														<th> <input type="text" name="position" id="form-field-29" class="col-xs-10 col-sm-40" /></th>

														<td>库别</td>
														<th> <input type="text" name="treasury" id="form-field-30" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>件数单位</td>
														<th> <input type="text" name="suitUnit" id="form-field-18" class="col-xs-10 col-sm-40" /></th>

														<td>供货商</td>
														<th> <input type="text" name="goodsFrom" id="form-field-19" class="col-xs-10 col-sm-40" /></th>
													</tr>
													<tr>
														<td>申请人</td>
														<th><input type="text"  id="form-field-34" class="col-xs-10 col-sm-40" th:value="${username}"/></th>

														<td>状态</td>
														<th> 待审核</th>
													</tr>
													<tr>
														<td>备注</td>
														<td colspan="3"><input type="text" name="remark" id="form-field-21" class="col-xs-10 col-sm-40" /> </td>
													</tr>

												</table>
											</div>

											<div class="modal-footer no-margin-top">
												<button class="btn btn-sm btn-success" type="submit">
													<a class="white" href="#" onclick="submit_form()">
														<i class="icon-ok"></i>
														添加
													</a>
												</button>
												<script>
                                                    function submit_form(){
                                                        var form = document.getElementById('apply_form');
                                                        //再次修改input内容
                                                        form.submit();
													}
												</script>

												<button class="btn btn-sm btn-success pull-right" data-dismiss="modal">
											<i class="icon-share-alt"></i> 返回
										</button>

											</div>
										</div>
										<!-- /.modal-content -->
									</div>
									<!-- /.modal-dialog -->
								</div>
								<!-- PAGE CONTENT ENDS -->
								</form>
							</div>
							<!-- /.col -->
						</div>
						<!-- /.row -->

					</div>
					<!-- /.page-content -->
				</div>
				<!-- /.main-content -->

				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; 选择皮肤</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl">切换到左边</label>
						</div>
					</div>
				</div>
				<!-- /#ace-settings-container -->
			</div>
			<!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div>
		<!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		<script src="assets\js\jquery-2.0.3.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="assets\js\jquery-1.10.2.min.js"></script>
<![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>" + "<" + "script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
         window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
  </script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
		</script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/typeahead-bs2.min.js"></script>

		<!-- page specific plugin scripts -->

		<script src="assets/js/jquery.dataTables.min.js"></script>
		<script src="assets/js/jquery.dataTables.bootstrap.js"></script>

		<!-- ace scripts -->

		<script src="assets/js/ace-elements.min.js"></script>
		<script src="assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				var oTable1 = $('#sample-table-2').dataTable({
					"aoColumns": [{
							"bSortable": false
						},
						null, null, null, null, null,
						{
							"bSortable": false
						}
					]
				});

				$('table th input:checkbox').on('click', function() {
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
						.each(function() {
							this.checked = that.checked;
							$(this).closest('tr').toggleClass('selected');
						});

				});

				$('[data-rel="tooltip"]').tooltip({
					placement: tooltip_placement
				});

				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();

					var off2 = $source.offset();
					var w2 = $source.width();

					if(parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
					return 'left';
				}
			})
		</script>
		<!--完成分页功能-->
		<script>

		</script>
	</body>


</html>